<template>
  <div class="app-container">
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <p>系统参数管理</p>
        <p style="color:red;font-size:12px;">警告: 系统参数请慎重修改, 在不确定的情况下修改可能会造成系统无法正常使用.</p>
      </div>
      <div class="item">
        <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
          <el-tab-pane label="基本设置" name="first">
            <el-form ref="basicSetupForm" :model="basicSetupForm" :rules="basicSetupRules" class="demo-ruleForm"
                     label-width="260px"
            >
              <el-form-item label="WEB_TITLE 项目名称" prop="web_title">
                <el-input v-model="basicSetupForm.web_title"></el-input>
                <span>网站标题名称</span>
              </el-form-item>
              <el-form-item label="APP_NAME 应用程序标题名称" prop="app_name">
                <el-input v-model="basicSetupForm.app_name"></el-input>
                <span>应用程序标题名称</span>
              </el-form-item>
              <el-form-item label="META_KEYWORDS SEO关键词" prop="meta_keywords">
                <el-input v-model="basicSetupForm.meta_keywords" type="textarea"></el-input>
                <span>SEO搜索关键词</span>
              </el-form-item>
              <el-form-item label="META_DESCRIPTION SEO优化" prop="meta_description">
                <el-input v-model="basicSetupForm.meta_description" type="textarea"></el-input>
                <span>SEO搜索描述</span>
              </el-form-item>
              <el-form-item label="GOLD_FEE 人民币兑换鱼粮" prop="gold_fee">
                <el-input v-model="basicSetupForm.gold_fee"></el-input>
                <span>1块钱兑换{{ basicSetupForm.gold_fee }}鱼粮</span>
              </el-form-item>
              <el-form-item label="SMASH_GOLDEN 钓鱼价格" prop="smash_golden">
                <el-input v-model="basicSetupForm.smash_golden"></el-input>
                <span>鱼粮/次</span>
              </el-form-item>
              <el-form-item label="SERVICE_QQ 客服QQ" prop="service_qq">
                <el-input v-model="basicSetupForm.service_qq"></el-input>
              </el-form-item>
              <el-form-item label="HOT_ROOM 热门房间显示个数" prop="hot_room">
                <el-input v-model="basicSetupForm.hot_room"></el-input>
                <!-- <span>%</span> -->
              </el-form-item>
              <el-form-item label="EMCHAT_FISHING_NOTICE 小猫钓鱼超过52元礼物所有聊天室发送消息" prop="emchat_fishing_notice">
                <el-input v-model="basicSetupForm.emchat_fishing_notice"></el-input>
                <!-- <span>%</span> -->
              </el-form-item>
              <el-form-item label="SENSITIVE_WORD 敏感词" prop="sensitive_word">
                <el-input v-model="basicSetupForm.sensitive_word" type="textarea"></el-input>
                <span>空格隔开</span>
              </el-form-item>
              <el-form-item label="CLOSE_FISH 关闭小猫钓鱼" prop="close_fish">
                <el-input v-model="basicSetupForm.close_fish"></el-input>
                <span>1关闭，其它开启</span>
              </el-form-item>
              <el-form-item label="RANDOM_HOT_ROOM 随机热门房间id" prop="random_hot_room">
                <el-input v-model="basicSetupForm.random_hot_room" type="textarea"></el-input>
                <span>随机热门房间(这里填的是房间编号，用英文逗号隔开)</span>
              </el-form-item>
              <el-form-item label="POPULARITY_ROOMS 送礼物不增加人气的房间列表" prop="popularity_rooms">
                <el-input v-model="basicSetupForm.popularity_rooms" type="textarea"></el-input>
                <!-- <span>%</span> -->
              </el-form-item>
              <el-form-item label="NOT_DISPLAY_ROOM 未登录或等级低于5级的用户不能看到的房间" prop="not_display_room">
                <el-input v-model="basicSetupForm.not_display_room"></el-input>
                <!-- <span>%</span> -->
              </el-form-item>
              <el-form-item label="REG_NOTICE_EXCLUDE_ROOM 新人注册不需要接受消息的房间" prop="reg_notice_exclude_room">
                <el-input v-model="basicSetupForm.reg_notice_exclude_room"></el-input>
                <!-- <span>%</span> -->
              </el-form-item>
              <el-form-item label="POOL_TYPE 设置奖池类型" prop="pool_type">
                <el-input v-model="basicSetupForm.pool_type"></el-input>
                <span>设置奖池类型 3百连;5爆率</span>
              </el-form-item>
              <el-form-item label="OPEN_520 520开关" prop="open_520">
                <el-input v-model="basicSetupForm.open_520"></el-input>
                <!-- <span>%</span> -->
              </el-form-item>
              <el-form-item label="ANDROID_VERSION 安卓版本" prop="android_version">
                <el-input v-model="basicSetupForm.android_version"></el-input>
                <!-- <span>%</span> -->
              </el-form-item>
              <el-form-item label="LIMIT_CHANNEL 这些渠道的用户只有充值过才能体现" prop="limit_channel">
                <el-input v-model="basicSetupForm.limit_channel"></el-input>
                <!-- <span>%</span> -->
              </el-form-item>
              <el-form-item label="USERR_AVATAR_NOT_LIMIT 设置不限制修改头像次数的用户" prop="user_avatar_not_limit">
                <el-input v-model="basicSetupForm.user_avatar_not_limit"></el-input>
                <!-- <span>%</span> -->
              </el-form-item>
              <el-form-item label="DEVICE_LIMIT_REG_COUNT 单个设备最多允许注册账号数量" prop="device_limit_reg_count">
                <el-input v-model="basicSetupForm.device_limit_reg_count"></el-input>
                <!-- <span>%</span> -->
              </el-form-item>
              <el-form-item label="CHANGE_SEX_COUNT 每个用户可以修改几次性别" prop="change_sex_count">
                <el-input v-model="basicSetupForm.change_sex_count"></el-input>
                <span>包含注册后必须修改的一次</span>
              </el-form-item>
              <el-form-item label="USER_REPORT_TYPE 用户举报类型" prop="user_report_type">
                <el-input v-model="basicSetupForm.user_report_type"></el-input>
                <span>用户举报类型</span>
              </el-form-item>
              <el-form-item label="PROFESSION 职业列表" prop="profession">
                <el-input v-model="basicSetupForm.profession"></el-input>
                <!-- <span>1关闭，其它开启</span> -->
              </el-form-item>
              <el-form-item label="GAME_TYPE 游戏类型" prop="game_type">
                <el-input v-model="basicSetupForm.game_type"></el-input>
                <span>1老游戏，其它值新游戏</span>
              </el-form-item>
              <el-form-item label="GAME_PROTECT 小猫钓鱼保护机制" prop="game_protect">
                <el-input v-model="basicSetupForm.game_protect"></el-input>
                <span>status:是否开启保护 1开启,其它值关闭</span>
              </el-form-item>
              <el-form-item label="FANS_NOTICE_CONFIG 粉丝通知设置" prop="fans_notice_config">
                <el-input v-model="basicSetupForm.fans_notice_config"></el-input>
                <span>price:多少金币一次 interval_time:每次发送间隔时间 times_per_day:每天可以发送多少次 free_from:截止到第几次免费</span>
              </el-form-item>


              <el-form-item>
                <el-button type="primary" @click="submitForm('ruleForm')">立即创建</el-button>
              </el-form-item>
            </el-form>
          </el-tab-pane>
          <el-tab-pane label="短信接口" name="second">配置管理</el-tab-pane>
          <el-tab-pane label="APP消息推送" name="third">角色管理</el-tab-pane>
          <el-tab-pane label="系统参数" name="fourth">定时任务补偿</el-tab-pane>
          <el-tab-pane label="程序员设置" name="fivth">定时任务补偿</el-tab-pane>
          <el-tab-pane label="返利设置" name="sixed">定时任务补偿</el-tab-pane>
          <el-tab-pane label="项目设置" name="sevened">定时任务补偿</el-tab-pane>
        </el-tabs>
      </div>
    </el-card>
  </div>
</template>

<script>

export default {
  data() {
    return {
      activeName: 'first',
      basicSetupRules: {},
      // 基本设置表单
      basicSetupForm: {
        web_title: '',
        app_name: '',
        meta_keywords: '',
        meta_description: '',
        gold_fee: 10,
        smash_golden: 10,
        service_qq: '',
        earnings: 70,
        room_money: 12,
        hot_room: 18,
        emchat_fishing_notice: 1,
        sensitive_word: '',
        close_fish: 66,
        random_hot_room: '',
        popularity_rooms: '',
        not_display_room: '',
        reg_notice_exclude_room: '',
        pool_type: 3,
        open_520: 1,
        android_version: '',
        limit_channel: '',
        user_avatar_not_limit: '',
        device_limit_reg_count: 1000,
        change_sex_count: 1,
        user_report_type: '',
        profession: '',
        game_type: 1,
        game_protect: '',
        fans_notice_config: '',
      },
      menuList: [
        {
          "id": 5,
          "key": "WEB_TITLE",
          "type": 1,
          "group": 1,
          "extra": "",
          "name": "项目名称",
          "desc": "网站标题名称",
          "status": 0,
          "value": "回声",
          "sort": 0
        },
        {
          "id": 13,
          "key": "APP_NAME",
          "type": 1,
          "group": 1,
          "extra": "",
          "name": "应用程序标题名称",
          "desc": "应用程序标题名称",
          "status": 0,
          "value": "回声",
          "sort": 0
        },
        {
          "id": 17,
          "key": "SERVICE_TEL",
          "type": 1,
          "group": 1,
          "extra": "",
          "name": "客服电话",
          "desc": "商城平台客服电话",
          "status": 0,
          "value": "+86 13953940423",
          "sort": 30
        },
      ],
    }
  },
  methods: {
    handleClick(tab, event) {
    }

  }
}
</script>

<style scoped>
[v-cloak] {
  display : none;
}

.clearfix:before,
.clearfix:after {
  display : table;
  content : "";
}

.clearfix:after {
  clear : both
}

.box-card {
  width : 100%;
}

.demo-form-inline {
  float : right;
}

/deep/ .el-card__header {
  padding-bottom : 0;
}
</style>
